@charset "utf-8";

/* CSS Document */



html{color:#333;background:#fff}

body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{

margin:0;

padding:0;

list-style:none;

border:0;

text-decoration:none;

font-family:"microsoft yahei";

font-weight: normal;

font-size:14px;

letter-spacing:1px;

text-align: left;
}

*{ padding:0 ; margin:0 ; font-size:14px;text-align: left;}

table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none;}

fieldset,img{border:0}

ol,ul{list-style:none}

caption,th{text-align:left}



.w-100{width:100%; height:auto; overflow:hidden;}

.w-800{width:800px; margin:0 auto; overflow:hidden;}

.w-1100{width:1100px; margin:0 auto; overflow:hidden;}

.w-1100-1{width:1100px; margin:0 auto;}

.w-1200{width:1200px; margin:0 auto; overflow:hidden;}

.w-1200-1{width:1200px; margin:0 auto;}

.w-1236{width:1236px; margin:0 auto; overflow:hidden;}

.w-1280{width:1280px; margin:0 auto;}

.line01{ width: 100%; border-top:#d8d8d8 1px solid; }

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.mt-4{ margin-top:4px;}

.mt-6{margin-top: 18px;}

.mt-8{ margin-top:8px;}

.mt-10{ margin-top:10px;}

.mt-15{margin-top: 32px;}

.mt-20{margin-top:20px;}

.mt-30{ margin-top:30px;}

.mt-35{ margin-top:35px;}

.mt-40{ margin-top:40px;}

.mt-50{ margin-top:55px;}

.mt-60{ margin-top:55px;}

.mt-65{ margin-top:65px;}

.mt-70{ margin-top:70px;}

.mt-80{ margin-top:80px;}

.mt-90{ margin-top:90px;}

.mt-100{ margin-top:100px;}

.mt-110{ margin-top:110px;}

.mt-120{ margin-top:120px;}

.mt-130{ margin-top:130px;}

.mt-140{ margin-top:140px;}

.mt-150{ margin-top:155px;}

.mt-160{ margin-top:155px;}

.mt-170{ margin-top:170px;}

.mt-180{ margin-top:180px;}

.mt-250{ margin-top:255px;}



.mb-10{ margin-bottom:10PX;}

.mb-20{ margin-bottom:20PX;}

.mb-30{ margin-bottom:30px;}

.mb-40{ margin-bottom:40px;}

.mb-50{ margin-bottom:55px;}

.mb-60{ margin-bottom:55px;}



.bg-tc{ background-position:top center; background-repeat:no-repeat;}

.bg-tl{ background-position:top left; background-repeat:no-repeat;}

.bg-tr{ background-position:top right; background-repeat:no-repeat;}

.f-s13{ font-size:13px;}

.f-s14{ font-size:14px;}

.f-s15{ font-size:15px;}

.f-s16{ font-size:16px;}

.f-s17{ font-size:17px;}

.f-s18{ font-size:18px;}

.f-s20{ font-size:20px;}

.f-s22{ font-size:22px;}

.f-s24{ font-size:24px;}

.f-s26{ font-size:26px;}

.t-align-r{ text-align:right;}

.t-align-l{ text-align:left;}

.t-align-c{ text-align:center;}



.t-color-w{ color: #ffffff; }

.f-s18{ font-size: 18px; }

.f-s14{ font-size: 14px; }



.top-1{
  width: 100%;
  border-top: 5px solid #00469c;
  height: 38px;
  background-color: #eeeeee;
  font-size: 14px;
  color: #000;
  line-height: 38px;
}



/*menu*/

.h-menu-bg{
  width: 100%;
  height: 50px;
  background-color: #00469c;
}

.h-menu{

margin: 0 auto;

width: 1200px;

height: 50px;
}

.h-menu a{

display: block;

float: left;

width: 171px;

height: 50px;

line-height: 48px;

font-size: 17px;

text-align: center;

color: #fff;
}

.h-menu a:hover{

  background: url(../images/menu-bg1.jpg) bottom center no-repeat;

}

.h-menu-hover{

  background: url(../images/menu-bg1.jpg) bottom center no-repeat;

}

/*end menu*/ 

/*lihan 样式*/ 

.fl1{

  float:left;

  width: 520px;

  height: 169px;

  overflow: hidden;



}

.fl2{

  float:right;

  width: 520px;

  height: 169px;

  overflow: hidden;



}

.wz1{

	width: 520px;

	height: 60px;

	margin: 0 auto;

	overflow: hidden;

	font-size: 24px;

	line-height: 60px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

}

.wz2{

width: 520px;

height: 45px;

margin: 0 auto;

overflow: hidden;

line-height: 45px;

color: #00469c;

text-align: center;

text-transform: uppercase;

margin-bottom:30px;
















font-size: 22px;

font-weight: bold;
}

.al1{

width: 1200px;

height: 36px;

margin: 0 auto;

overflow: hidden;

background-image: url(../images/xw.jpg);

text-align: center;

line-height:36px;

color:#FFFFFF;

font-size:22px;

font-weight: bold;

text-transform: uppercase;
}

/*middle*/

    /*所有标题*/

.h-tit01{

  width: 100%;

  height: 50px;

  overflow: hidden;

  padding-top:30px;



}

.h-tityw{

	width: 1200px;

	height: 33px;

	overflow: hidden;

	margin:0 auto;

	background-image: url(../images/x1.jpg);

	font-size: 18px;

	line-height: 33px;

	font-weight: bold;

	color: #333333;

	text-align: center;

	text-transform: uppercase;

	background-color: #999999;

	margin-bottom:30px;

}

.h-tit01 h2{

  width: 100%;

  height: 58px;

  font-size: 30px;

  color: #252424;

  text-align: center;

  font-weight: bold;

  letter-spacing: 0px;

  text-transform: uppercase;

  letter-spacing: 0px;

}

.h-tit01 p{

  display: block;

  width: 100%;

  height: 28px;

  font-size: 18px;

  color: #252424;

  text-align: center;

  letter-spacing: 0px;

}

.h-tit01 span{

  display: block;

  font-size: 18px;

  color: #575757;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 0px;

}



    /*end所有标题*/

.h-proc1{

  width: 1300px;

  height: auto;

}

.h-proc1 a{

  display: block;

  float: left;

  margin-right: 8px;

  margin-bottom: 8px;

  width: 193px;

  height: 40px;

  font-size: 16px;

  color: #fff;

  text-align: center;

  line-height: 40px;

  background-color: #313131;

  border-radius: 5px;



}

.h-proc1 a:hover{

  background-color: #ff0000;

  color: #fff;

}

.h-proc1-hover{

	background-color: #ff0000 !important;

}

.h-m1{

	width: 100%;

	height: auto;

	background-color: #f2f2f2;

	padding-bottom:30px;

}

.h-m2{

  width: 100%;

  height: 526px;

  background: url(../images/bg1.jpg) top center no-repeat;

}





.h-m2-2{

  float: right;  

  width: 665px;

  height: auto;

}

.h-m2-2 .h-about{

width: 100%;

height: 260px;

font-size: 15px;

color: #fff;

line-height: 180%;

overflow: hidden;

letter-spacing: 0px;

margin-top: 25px;
}

.h-m2-2 .h-about p{

  font-size: 15px;

  color: #fff;

  line-height: 180%;

  letter-spacing: 0px;

}

.h-m2-2 .more1 a{

  display: block;

  margin-top:30px;

  width: 227px;

  height: 37px;

  border:1px solid #fff;

  font-size: 15px;

  color: #fff;

  text-align: center;

  line-height: 35px;

}

.h-m2-3{

  float: left;

  width: 498px;

}

.h-m2-3 .b-img{

  width: 100%;

  height: 326px;

  background-color: #ebebeb;

  overflow: hidden;

}

.h-m2-3 .b-img .bh-img{

  margin-top:8px;

  margin-left:8px;

  width: 466px;

  height: 310px;

  overflow: hidden;

  background-color: #fff;

}

.h-m2-3 p{

  display: block;

  margin-top:15px;

  font-size: 18px;

  color: #fff;

  line-height: 160%;

}

.h-case-tit{

	margin-top: 25px;

	width: 100%;

	height: 50px;

	font-size: 26px;

	color: #333333;

	text-align: center;

	font-weight: bold;

}

.h-news01-tit{

  width: 100%;

  height: 113px;

  font-size: 16px;

  color: #555;

  line-height: 113px;

  text-align: right;

  letter-spacing: 0px;

}

.h-news01{

  float: right;

  width: 810px;

  height: auto;

}

.h-news01 li{

  margin-bottom: 23px;

  width: 100%;

  height: 80px;

  overflow: hidden;

}

.h-news01 li .l01{

  float: left;

  width: 92px;

  height: 80px;

  border-right: 3px solid #555555;

}

.h-news01 li .l01 .n-day{

  width: 100%;

  height: 57px;

  font-size: 45px;

  color: #555;

  text-align: center;

  line-height: 57px;

  font-family: "Impact";

  letter-spacing: 0px;

}



.h-news01 li .l01 .n-month{

  width: 100%;

  font-size: 15px;

  color: #555;

  text-align: center;

  letter-spacing: 0px;

}

.h-news01 li .r01{

  float: right;

  width: 690px;

  height: auto;

}

.h-news01 li .r01 a h2{

  display: block;

  width: 100%;

  height: 36px;

  font-size: 16px;

  color: #555;

  letter-spacing: 0px;

  transition: all 0.3s ease-in-out;

}

.h-news01 li:hover .r01 a h2{

	color:#fe0000;

}

.h-news01 li .r01 p{

  display: block;

  width: 100%;

  height: 36px;

  font-size: 14px;

  color: #555;

  letter-spacing: 0px;

  line-height: 130%;

  overflow: hidden;

}

/*end middle*/



/*bottom*/

.h-foot-bg{

width: 100%;

height: 283px;

background-image: url(../images/di.jpg);

background-repeat: repeat-x;

background-position: center top;
}

.h-foot-zi1{

width: 100%;

height: 130px;

letter-spacing: 0px;
}



.h-foot-zi2{

float:left;

width: 360px;

height: 120px;

letter-spacing: 0px;
}



.h-foot-zi3{

	float:left;

	width: 315px;

	height: 120px;

	letter-spacing: 0px;

	background-color: #df0000;

}

.h-foot-zi4{

float:left;

width: 708px;

letter-spacing: 0px;

margin-top:60px;

margin-left: 120px;
}

.h-foot-wz{

float:left;

width: 360px;

height: 60px;

letter-spacing: 0px;

background-color: #00469c;

font-size: 20px;

font-weight: bold;

color: #FFFFFF;

font-family: "微软雅黑";

line-height: 60px;

text-align: center;

border-bottom:1px solid #bfbfbf;
}



.h-foot-wz1{

float:left;

width: 360px;

height: 60px;

letter-spacing: 0px;

background-color: #00469c;

font-size: 20px;

font-weight: bold;

color: #FFFFFF;

font-family: "微软雅黑";

line-height: 60px;

text-align: center;
}

.h-link{

  margin:0 auto;

  width: 1200px;

  height: 50px;

}

.h-link h3, .h-link a{

  display: block;

  float: left;

  padding-right: 15px;

  font-size: 14px;

  color: #2b2b2b;

  line-height: 45px;

}



.h-foot-ewm{

float: left;

width: 620px;

margin-top: 20px;
}



.h-foot-ewm1{

  float: right;

  width: 140px;

  height:104px;

  margin-top:20px;

  margin-right:30px;

  

}

.h-foot-ewm .f-zi1{

float: left;

width: 1031px;

height: 53px;

border-bottom: 1px solid #f8f8f8;

color: #fff;

font-size: 16px;

line-height:50px;

margin-bottom:  10px;
}

.h-foot-ewm .f-zi1 p{

  display: block;

  margin-left: 14px;

  width: 620px;

  font-size: 16px;

  color: #fff;

  letter-spacing: 0px;

  line-height: 110%;

}

.h-foot-ewm .f-zi2{

float: left;

width: 625px;

height: 50px;

color: #fff;

font-size: 16px;

margin-top: 10px;
}

.h-foot-ewm .f-zi2 p{

display: block;

margin-left: 14px;

width: 620px;

font-size: 16px;

color: #fff;

letter-spacing: 0px;

line-height: 110%;
}

.f-content{

width: 100%;

height: 150px;

background-color: #00469c;
}

.f-content p, .f-content p a .f-content a{

  font-size: 15px;

  color: #fff;

  line-height: 170%;

  text-align: right;

  letter-spacing: 0px;

}
.f-zi1{}
.f-zi1 li{
    float:  left;
    margin-right: 18px;
}
.f-zi1 li a{
    color: #fff;
}



/*end bottom*/



/*滚动产品图片样式*/
/*hover1悬浮*/
@keyframes sonarEffect {
0% {
opacity:.3;
}
40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #0166ce, 0 0 0 5px rgba(255,255,255,.5)
}
100% {
box-shadow:0 0 0 2px rgba(255,255,255,.1), 0 0 5px 5px #0166ce, 0 0 0 5px rgba(255,255,255,.5);
 -webkit-transform:scale(1.25);
opacity:0;
}
}
.hover1 {
	overflow: hidden;
	padding: 30px 0;
}
.hover1 li {
	width: 20%;
	text-align: center;
	float: left;
}
.hover1 li i {
	display: inline-block;
	padding: 8%;
	border-radius: 50%;
	background: #00469c;
	margin-bottom: 2%;
	position: relative;
	transition: all .5s ease-in-out;
	width:  88px;
	height:  88px;
}
.hover1 li:hover i {
	transform: scale(.86);
}
.hover1 li i:after {
	position: absolute;
	width: 100%;
	height: 100%;

	border-radius: 50%;
	content: '';
	top: 0;
	left: 0;
	z-index: -1;
}
.hover1 li:hover i:after {
	animation: sonarEffect 1.3s ease-out 75ms;
}
.hover1 li i img {
	transition: all .5s ease-in-out;
	margin:  0 auto;
	display:  block;
	margin-top:  12px;
}
.hover1 li strong {
	color: #212121;
	display: block;
	font-size: 22px;
	margin: 10px 0 5px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align:  center;
}
.hover1 li:hover span{
    border: 1px solid #7496c1;
}
.hover1 li:hover span p{
    color: #00469c;
    letter-spacing: 5px;
}
.hover1 li span{
    border-radius: 20px;
    border: 1px solid #cdc9c9;
    width: 120px;
    display:  block;
    margin:  0px auto;
    height: 30px;
    line-height:  30px;
    margin-top: 30px;
}
.hover1 li p {
	color: #5f5f5f;
	font-size: 15px;
	text-align:  center;
}

.h-pro-gun01 li{

float: left;

margin-right: 33px;

margin-bottom: 30px;

width: 286px;

height: 330px;

border: 1px solid #c4d3e1;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;
}

.h-pro-gun01 li:hover{

border: 1px solid #00469c;
}

.h-pro-gun01 li .tu{

margin-top: 10px;

margin-left: 10px;

width: 265px;

height: 190px;

padding:0px;

border:0px solid #434343;

overflow: hidden;
}

.h-pro-gun01 li .tu img{

  -webkit-transform: scale(1, 1); 

  -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun01 li:hover .tu img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-transform: scale(1.1, 1.1); 

  transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.6s ease-out; 

  -moz-transition: all 0.6s ease-out; 

  transition: all 0.6s ease-out;

}

.h-pro-gun01 li .p1-t{

margin:0 auto;

width: 93%;

height: 32px;

background: url(../images/p1-t-bg.png) top right no-repeat #313131;
}



.h-pro-gun01 li .p1-t a h3{

	float: left;

  display: block;

  height:32px;

	line-height: 32px;

  font-size: 15px;

  color: #fff;

  text-align: center;

  letter-spacing: 0px;

	text-indent: 10px;

}

.h-pro-gun01 li .p1-t p{

display: block;

float: right;

width: 120px;

height: 32px;

text-align: center;

line-height: 32px;

text-indent: 25px;

font-size: 16px;

color: #fff;
}

.h-pro-gun01 li:hover .p1-t a h3{

	color: #fff;

}

.h-pro-gun01 li .dianhu{

	margin-top:14px;

    width: 300px;

    height: auto;

}

.h-pro-gun01 li .dianhu p{

	display: block;

	padding:2px 0px 2px 20px;

    font-size: 14px;

    color: #5b5b5b;

    letter-spacing: 0px;

	transition: all 0.3s ease-out;

   	

}



.h-pro-gun01 li .dianhu span{

	display: block;

	padding:2px 0px 2px 20px;

    font-size: 15px;

    color: #5b5b5b;

    letter-spacing: 0px;

	transition: all 0.3s ease-out;

   	

}


/*滚动产品图片样式*/



.h-pro-gun02 li{

margin-right: 23px;

margin-bottom: 30px;

float: left;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;
}

.h-pro-gun02 li .tu{

height: 185px;

background-color: #e5e5e5;

border:1px  solid #fff;

overflow: hidden;

width: 200px;
}

.h-pro-gun02 li .tu img{

  -webkit-transform: scale(1, 1); 

  -moz-transform: scale(1, 1); 

  -webkit-transition: all 0.5s ease-out; 

  -moz-transition: all 0.5s ease-out; 

  transition: all 0.5s ease-out;

}

.h-pro-gun02 li:hover .tu img{

  -webkit-transform: scale(1.1, 1.1); 

  -moz-transform: scale(1.1, 1.1); 

  transform: scale(1.1, 1.1); 

  -webkit-transition: all 0.6s ease-out; 

  -moz-transition: all 0.6s ease-out; 

  transition: all 0.6s ease-out;

}

.h-pro-gun02 li a h3{

margin-top:0px;

display: block;

width: 200px;

height: 40px;

line-height: 40px;

font-size: 16px;


color: #333;

text-align: center;

letter-spacing: 0px;

background-color: #EEEEEE;
}



/*手机站样式*/

.img-m{

	text-align:center;

}

.mini-div{

	margin:0 auto;

	max-width:600px;

	height: auto;

	overflow: hidden;

	background-color: #fff;

}

.mini-title{

	width:100%;

	height:50px;

	font-size:18px;

	color:#1a3a83;

	text-align:center;

	line-height:50px;

	}

.mini-class01{


	width:98%;

	margin-left:2%;

	}

.mini-class01 li{

	float:left;

	padding:5px 0px;

	margin-right:1%;

	margin-bottom:1%;

	width:48%;

	/*min-height:30px;*/

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	border:1px solid #666666;

	}

.mini-class01 li a{

	display:block;

	width:100%;

	/*min-height:30px;*/

	font-size:14px;

	color:#666666;

	text-align:center;

	}

.mini-h-about{

	padding:10px;

	font-size:14px;

	text-align:left;

	line-height:170%;

	}

.mini-menu{

	width:100%;

	background-color:#1a3a83;

	padding:10px;

	}

.m-menu{

	width:100%;

	margin:0 auto;

	}

.m-menu a{

	display:block;

	float:left;

	width:24%;

	height:40px;

	font-size:14px;

	color:#fff;

	text-align:center;

	line-height:20px;

	}

.m-fl01{

	width:100%;

	height:auto;

	overflow:hidden;

	}

.m-fl01 a{

	display:block;

	margin-bottom:10px;

	width:19%;

	height:66px;

	border-radius:10px;

	-webkit-border-radius:10px;


	-moz-border-radius:10px;

	}

.m-fl01 a .tu{

	margin:0px;

	padding:0px;

	width:100%;

	height:38px;

	text-align:center;

	}

.m-fl01 a h3{

	display:block;

	marign:0px;

	padding:0px;


	height:15px;

	width:100%;

	font-size:14px;

	text-align:center;

	color:#fff;

	}

.m-fl01-bg01{

	background-color:#0165ba;

	}

.m-fl01-bg02{

	background-color:#fe4351;

	}

.m-fl01-bg03{

	background-color:#ff6f3d;

	}

.m-fl01-bg04{

	background-color:#32b16c;

	}

.m-fl01-l{

	float:left;

	margin-left:5%;

	}

.m-fl01-r{

	float:right;

	margin-right:5%;

	}



.m-tit01{

	margin-bottom:15px;

	width:100%;

	height:40px;

	text-align:center;

	font-size:18px;

	color:#fff;

	line-height:40px;

	background:url(../images/m-tu02.png) no-repeat top center;

	}		

.m-tit01-1{background-color:#fe4351;}

.m-tit01-2{background-color:#ff6f3d;}

.m-tit01-3{background-color:#32b16c;}

.m-tit01-4{background-color:#00b7ee;}

.m-part02{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part02 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #fe4351;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#fe4351;

	font-size:15px;

	}

.m-part02-l{

	margin-right:5%;

	}

.m-part03{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part03 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #ff6f3d;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#ff6f3d;

	font-size:15px;

	}

.m-part04{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part04 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #32b16c;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#32b16c;

	font-size:15px;

	}

.m-part05{

	width:90%;

	margin:0 auto;

	height:auto;

	}

.m-part05 a{

	display:block;

	margin-bottom:10px;

	width:29%;

	height:30px;

	border:1px solid #00b7ee;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	text-align:center;

	line-height:30px;

	color:#00b7ee;

	font-size:15px;

	}

.m-part06{

	width:100%;


	padding:20px 0px 30px 0px;

	border-radius:20px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	background-color:#f51d1d;

	}

.m-part06-1{

	width:80%;

	margin:0 auto;

	}

.m-part06-1 a{

	display:block;

	width:100%;

	height:auto;

	font-size:14px;

	color:#fff;

	border-bottom:1px solid #fff;

	}



.ny-readid{

	width:100%;

	background-color:#efefef;

	height:auto;

	padding:15px 0px;

	overflow:hidden;

	}

.ny-readid .tiao001{

	width:90%;

	height: auto;

	margin:0 auto;

	font-size:14px;

	color:#333;

	}

.ny-readid .tiao001 a{

	color:#09C;

	}



.mini-top{overflow: hidden;}

.mini-top img{ display: block;}

/*menu1*/

.mini-menu-bg{

	padding: 5px 0px 5px 0px;

	width:100%;

	height: auto;

	background-color: #262a2d;

}

.mini-menu1{

	width:100%;

	display: flex;

	flex-direction: row;

	flex-wrap:wrap;

	justify-content: space-around;

	align-items:center;

}

.mi-menu1{

	width:23%;

	height: 30px;

	background-color:#f8bf00;

	margin:5px 0 5px 0px;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

}

.mi-menu1 a{

	display: block;

	font-size:14px;

	text-align: center;

	line-height: 30px;

	color:#000;

}

/*标题1*/

.m-tit02{

	width:100%;

	height: 88px;

	background: url(../images/mini-tit-bg.jpg) no-repeat top center;

	font-size:20px;

	line-height: 110px;

	text-align: center;

	color: #887b5a;

	overflow: hidden;

}

.m-tit03{

	margin: 0 auto;

	width:90%;

	height: 36px;

	font-size:20px;







	line-height: 36px;

	text-align: center;

	color: #000;

	background-color: #f8bf00;

	overflow: hidden;


	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

}



.img-m img {

    margin: 0 auto;

}



.h-news{

margin-top:20px;

  width: 1200px;

  height: auto;

  overflow: hidden;

}

.h-news ul{

  width: 1300px;

}

.h-news ul li{

float: left;

margin-right: 57px;

width: 366px;

height: 530px;
}
.h-news ul li:nth-chid(3){
	margin-right: 0;
}
.h-news ul li .tu{

width: 363px;

height: 221px;
}

.h-news ul li a h4{

margin-top:15px;

display: block;

width: 100%;

font-size: 18px;

color: #000;

text-align: center;

line-height: 150%;

overflow: hidden;
}

.h-news ul li:hover a h4{

color: #c70000;

font-weight: 700;

letter-spacing: 3px;

transition: all 0.5s ease;
}

.h-news ul li p{

display: block;

margin-top: 12px;

height: 130px;

font-size: 14px;

color: #626262;

text-align: left;

margin-bottom:30

  line-height: 100%;

letter-spacing: 0px;

overflow: hidden;

line-height: 26px;

text-indent: 2em;
}

.h-news ul li .more a{

margin: 0 auto;

display: block;

width: 114px;

height: 30px;

border: 1px solid #0a3f7f;

text-align: center;

line-height: 30px;

margin-top:20px;

color: #00469c;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;
}

.h-news ul li:hover .more a{

width: 100%;

margin-top:20px;

background-color: #00469c;

color: #fff;

-webkit-transition: all 0.3s ease-out;

-moz-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;
}





/*固定在底部*/



.fotheight{ height:50px;}

.fotfixed{ position:fixed; bottom:0; width:100%; max-width:640px; border-top: 1px solid rgba(255,255,255,0.2);height: 50px; background-color: #353535;}

.footerWrap{ width:98%; margin:0 auto; padding-left:3%; padding-top:6px;}

.footerWrap li{ float:left; width:24%; height:44px;     border-right: 1px solid rgba(255,255,255,0.2); position:relative;}

.footerWrap li:last-child{ border:0;}

.footerWrap .text{ display:block; color:#fff; text-align:center; font-size:12px; line-height:20px;}

.footerWrap .icon{ width: 30px; height: 20px; display: block; background: url(../images/common.png) no-repeat; background-size: 400px; margin: 4px auto 0 auto;position: relative;}

.footerWrap .tel{background-position: -90px -110px;}

.footerWrap .email{    background-position: 0 -110px;}

.footerWrap .qq{    background-position: -360px -109px;}

.footerWrap .map{background-position: -120px -110px;}

.footerWrap .share{    background-position: -60px -110px;}

.footerWrap .message{background-position: -30px -110px;}



.sharebox{ display:none; position:absolute; width:242px; height:52px; left:-120px; top:-52px; background:#fff; padding:5px 0 5px 10px; border-radius:5px; border:1px solid #ccc;}



/*end 手机站样式*/



/*手机banner轮播*/

.banner{width:100%}

.banner img{display:block;width:100%}

.swipe{width:100%;overflow:hidden;position:relative;}

.swipe{

	-webkit-transition:left 800ms ease-in 0;

	-moz-transition:left 800ms ease-in 0;

	-o-transition:left 800ms ease-in 0;

	-ms-transition:left 800ms ease-in 0;

	transition:left 800ms ease-in 0;

}

.swipe #pagenavi{position:absolute;left:0px;bottom:0px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}

.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}

.swipe #pagenavi a.active{background:#ff0;  position:relative;}